// ----------切换俩个盒子------------

$('.box a').on('click',function(){
    $(this).parents('.box').hide().siblings().show();
})


// ---------------表单验证--------------
// 比如，验证一个用户名和密码
function test() {
    return {
      fields: {
        username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
          validators: {
            notEmpty: {   //不能为空
              message: '用户名不能为空.'
            },
            stringLength: {   //检测长度
              min: 2,
              max: 15,
              message: '用户名需要2~15个字符'
            }
          }
        },
        password: {
          validators: {
            notEmpty: {
              message: '密码不能为空'
            },
            stringLength: {   //检测长度
              min: 6,
              max: 15,
              message: '密码需要6~15个字符'
            }
          }
        }
      }
    }
  }

// ---------------注册功能------------
$('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();
    // console.log('通过验证，注册');
    
    // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    let data = $(this).serialize();
    axios.post('/api/register', data).then(res => {
       if(res.data.code === 0){  // 注册成功
     toastr.success(res.data.message); //提示
     $('.login').show().siblings().hide(); //显示登录盒子
     $('.register input').val('') // 清空输入框

       } 
    });
});



// ---------------登录功能------------
$('.login form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();

    let data = $(this).serialize();
    // console.log(data);
axios.post('/api/login', data).then(({data: res}) => {
    if(res.code === 0){
     localStorage.setItem('token', res.token);
     location.href='./index.html'; 

    }
})
    // console.log('通过验证，登录');
    // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
});
